.notices-item-enter {
  opacity: 0;
  transform: translate(100%, 0);
}
.notices-item-enter-active {
  opacity: 1;
  transition: all 0.3s ease-in;
  transform: translate(0, 0);
}
.notices-item-exit {
  opacity: 1;
  transform: translate(0, 0);
}
.notices-item-exit-active {
  opacity: 0;
  transition: all 0.3s ease-in;
  transform: translate(0%, -100%);
}
